<form nz-form [formGroup]="validateForm" (ngSubmit)="createNew()">
    <div nz-form-item nz-row class="clearfix">
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="logisticsCompanyName" nz-form-item-required>公司名称</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <div *ngIf="isEdit || isAdd">
                <nz-input [nzSize]="'large'" formControlName="logisticsCompanyName" [nzId]="'logisticsCompanyName'"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('logisticsCompanyName').dirty&&getFormControl('logisticsCompanyName').hasError('required')">请输入公司名称!</div>
            </div>
            <div *ngIf="!isEdit && !isAdd">
                <label>{{validateForm.value.logisticsCompanyName}}</label>
            </div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="checkInTime" nz-form-item-required>入驻时间</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24">
            <div *ngIf="isEdit || isAdd">
                <div nz-row [nzGutter]="12">
                    <div nz-col [nzSpan]="12">
                        <nz-datepicker formControlName="checkInTime" nzShowTime [nzPlaceHolder]="'请选择时间'" [nzFormat]="'YYYY-MM-DD'"></nz-datepicker>
                    </div>
                </div>
                <div nz-form-explain *ngIf="getFormControl('checkInTime').dirty&&getFormControl('checkInTime').hasError('required')">请输入入住时间!</div>
            </div>
            <div *ngIf="!isEdit && !isAdd">
                <label>{{validateForm.value.checkInTime}}</label>
            </div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="contacts" nz-form-item-required>
                <span>
                    负责人姓名
                </span>
            </label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <div *ngIf="isEdit || isAdd">
                <nz-input [nzSize]="'large'" formControlName="contacts" [nzId]="'contacts'"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('contacts').dirty&&getFormControl('contacts').hasError('required')">请输入负责人姓名!</div>
            </div>
            <div *ngIf="!isEdit && !isAdd">
                <label>{{validateForm.value.contacts}}</label>
            </div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="contactsMobile" nz-form-item-required>负责人联系方式</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="validateForm.controls['contactsMobile']">
            <div *ngIf="isEdit || isAdd">
                <nz-input [nzSize]="'large'" formControlName="contactsMobile" [nzId]="'contactsMobile'"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('contactsMobile').dirty&&getFormControl('contactsMobile').hasError('required')">请输入负责人联系方式!</div>
            </div>
            <div *ngIf="!isEdit && !isAdd">
                <label>{{validateForm.value.contactsMobile}}</label>
            </div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="legalPersonId" nz-form-item-required>法人身份证</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <div *ngIf="isEdit || isAdd">
                <nz-input [nzSize]="'large'" formControlName="legalPersonId" [nzId]="'legalPersonId'"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('legalPersonId').dirty&&getFormControl('legalPersonId').hasError('required')">请输入法人身份证!</div>
            </div>
            <div *ngIf="!isEdit && !isAdd">
                <label>{{validateForm.value.legalPersonId}}</label>
            </div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="bankName" nz-form-item-required>银行名称</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <div *ngIf="isEdit || isAdd">
                <nz-input [nzSize]="'large'" formControlName="bankName" [nzId]="'bankName'"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('bankName').dirty&&getFormControl('bankName').hasError('required')">请输入银行名称!</div>
            </div>
            <div *ngIf="!isEdit && !isAdd">
                <label>{{validateForm.value.bankName}}</label>
            </div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label nz-form-item-required>银行卡号</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <div *ngIf="isEdit || isAdd">
                <nz-input [nzSize]="'large'" formControlName="bankCardNo" [nzId]="'bankCardNo'"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('bankCardNo').dirty&&getFormControl('bankCardNo').hasError('required')">请输入银行卡号!</div>
            </div>
            <div *ngIf="!isEdit && !isAdd">
                <label>{{validateForm.value.bankCardNo}}</label>
            </div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="driverNum" nz-form-item-required>司机数量</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <div *ngIf="isEdit || isAdd">
                <nz-input [nzSize]="'large'" formControlName="driverNum" [nzId]="'driverNum'"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('driverNum').dirty&&getFormControl('driverNum').hasError('required')">请输入司机数量!</div>
            </div>
            <div *ngIf="!isEdit && !isAdd">
                <label>{{validateForm.value.driverNum}}</label>
            </div>
        </div>
    </div>
    <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
            <label for="carNum" nz-form-item-required>车辆数量</label>
        </div>
        <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
            <div *ngIf="isEdit || isAdd">
                <nz-input [nzSize]="'large'" formControlName="carNum" [nzType]="'carNum'" [nzId]="'carNum'"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('carNum').dirty&&getFormControl('carNum').hasError('required')">请输入车辆数量!</div>
            </div>
            <div *ngIf="!isEdit && !isAdd">
                <label>{{validateForm.value.carNum}}</label>
            </div>
        </div>
    </div>
    <div nz-form-item nz-row style="margin-bottom:8px;">
        <div nz-form-control nz-col [nzSpan]="14" [nzOffset]="6">
            <div *ngIf="isEdit || isAdd">
                <button nz-button [nzSize]="'large'" [nzType]="'primary'" (click)="modify()">提交</button>
            </div>
        </div>
    </div>
</form>